---
title: Déployez votre site Astro sur Microsoft Azure
description: Comment déployer votre site Astro sur le web en utilisant Microsoft Azure.
sidebar:
  label: Microsoft Azure
type: deploy
logo: microsoft-azure
supports: ['static']
i18nReady: true
---
import { Steps } from '@astrojs/starlight/components';

[Azure](https://azure.microsoft.com/) est une plateforme cloud de Microsoft. Vous pouvez déployer votre site Astro avec le service [Static Web Apps](https://aka.ms/staticwebapps) de Microsoft Azure.

Ce guide vous explique comment déployer votre site Astro stocké dans GitHub à l'aide de Visual Studio Code. Veuillez vous référer aux guides Microsoft pour l'utilisation d'une [tâche Azure Pipelines](https://learn.microsoft.com/en-us/azure/devops/pipelines/tasks/reference/azure-static-web-app-v0?view=azure-pipelines) pour d'autres configurations.

## Conditions préalables

Pour suivre ce guide, vous aurez besoin de :

- Un compte Azure et une clé d'abonnement. Vous pouvez créer un [compte Azure gratuit ici](https://azure.microsoft.com/free).
- Le code de votre application transféré sur [GitHub](https://github.com/).
- L'[extension SWA](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps) dans [Visual Studio Code](https://code.visualstudio.com/).

## Comment déployer

<Steps>
1. Ouvrez votre projet dans VS Code.

2. Ouvrez l'extension Static Web Apps, connectez-vous à Azure et cliquez sur le bouton **+** pour créer une nouvelle Static Web App. Vous serez invité à désigner la clé d'abonnement à utiliser.

3. Suivez l'assistant lancé par l'extension pour donner un nom à votre application, choisir un préréglage de framework et désigner la racine de l'application (généralement `/`) et l'emplacement des fichiers compilés (généralement `/dist`). Astro n'est pas listé dans les modèles intégrés dans Azure, vous devrez donc sélectionner `custom`. L'assistant s'exécutera et créera une [Action GitHub](https://github.com/features/actions) dans le dossier `.github` de votre dépôt. (Ce dossier sera automatiquement créé s'il n'existe pas déjà.)
</Steps>

L'action GitHub va déployer votre application (vous pouvez voir sa progression dans l'onglet Actions de votre dépôt sur GitHub). Une fois le déploiement terminé, vous pouvez visualiser votre application à l'adresse indiquée dans la fenêtre de progression de l'extension SWA en cliquant sur le bouton **Browse Website** (qui apparaîtra après l'exécution de l'action GitHub).

## Problèmes connus

Le fichier YAML de l'action GitHub qui est créé pour vous suppose l'utilisation de Node 14. Cela signifie que la compilation d'Astro échoue. Pour résoudre ce problème, mettez à jour le fichier package.json de votre projet avec cet extrait.

```
  "engines": {
    "node": ">=18.0.0"
  },
```

## Ressources officielles

- [Documentation de Microsoft Azure Static Web Apps](https://learn.microsoft.com/fr-fr/azure/static-web-apps/)

## Ressources de la communauté 

- [Déploiement d'un site web Astro vers Azure Static Web Apps](https://www.blueboxes.co.uk/deploying-an-astro-website-to-azure-static-web-apps) (Anglais)
- [Déployer un site statique Astro vers Azure Static Web Apps à l'aide d'actions GitHub](https://agramont.net/blog/create-static-site-astro-azure-ssg/#automate-deployment-with-github-actions) (Anglais)
- [Déploiement d'un site Astro sur Azure Static Web Apps en utilisant la CLI depuis GitHub Actions](https://www.eliostruyf.com/deploy-astro-azure-static-web-apps-github-cli/) (Anglais)
